<style>
.largeScreen {
	width: 715px !important;
}

.smallScreen {
	width: 96% !important;
	left: 2% !important; 
}
.pDiv{
height:auto !important;
}
.pDiv2{
width:100% !important;
}
</style>
<!-- 消息配置 -->
<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3" translate="system.infoset"></h1>
</div>
<div class="wrapper-md" ng-controller="InfoSetCtrl">
	<div class="row">
		<!-- 消息类型-->
		<div class="col-sm-3 m-b-sm">
			<div class="panel panel-default">
				<div class="panel-heading">
					<span style="display: inline-block; height: 24px;"
						class="font-bold" translate="infoset.list"></span> 
						<a class="btn btn-sm btn-primary pull-right" id="addInfoTypeBtu"
						style="height: 24px; line-height: 0px;" ng-show="vm.addinfoTypeShow" ng-click="vm.openAddInfoType('addInfoType')">
						 <i class="fa fa-plus"></i>
					</a>
				</div>
				<div class="panel panel-body">
					<div class="col-sm-2 ">
                        <ul iss-ztree="vm.treeSetting" id="infoType" tree-control="vm.treeObj" class="ztree"></ul>
                    </div>
				</div>
			</div>
		</div>
		<div class="col-sm-9 m-b-sm">
			<div class="panel panel-default">
				<!--面板标题-->
				<div class="panel-heading font-bold" translate="infoset.roles"></div>
				<!--操作栏-->
				<div class="row panel-neck">
					<form class="form-inline col-md-12" role="form">
						<!--右侧按钮-->
						<div class="form-group pull-right">
							<a class="btn btn-primary" id="addArchBtn" ng-show="vm.addAndDelRoles()"
								ng-click="vm.addRoles('addRoles')"> <i class="fa fa-plus"></i> <span
								translate="infoset.addRole"></span>
							</a>
							<button class="btn btn-primary" ng-click="vm.removeRole()" ng-show="vm.addAndDelRoles()">
								<i class="fa fa-trash-o" style="padding-right: 2px;"></i>{{'infoset.delRole'|translate}}
							</button>
						</div>
					</form>
					<div class="col-sm-6 m-b-xs"></div>
				</div>
				<div class="b-b"></div>
				<!--表格-->
				<div class="panel-body">
					<table iss-flexigrid="vm.options" flexigrid-control="vm.infoTypeFlexigridObj"></table>
				</div>
			</div>
		</div>
	</div>


<script type="text/ng-template" id="addInfoType"> 	
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" ng-click="vm.close()"
						aria-hidden="true">&times;</button>
					<h3 class="modal-title" translate="infoset.addInfoType"></h3>
				</div>
				<div class="modal-body">
					<ng-form name="infoTypeAddForm"
						class="form-horizontal form-validation">
					<div class="panel-body">
						<!--消息类型名称-->
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group">
									<label class="col-sm-4 control-label"> <span
										class="text-danger">*</span> <span translate="infoset.name"></span>
									</label>
									<div class="col-md-8">
										<input type="text" name="infoTypeName" class="form-control"
											ng-model="vm.infoType.infoTypeName" id="infoTypeNameId"
											maxlength="32" required
											uib-tooltip="{{'common.op.remind2' | translate}}" />
									</div>
								</div>
							</div>
						 	<div class="col-sm-6">
								<div class="form-group">
									<label class="col-sm-4 control-label"> <span
										class="text-danger">*</span> <span translate="infoset.category"></span>
									</label>
									<div class="col-md-8">
										<input type="text" name="category" class="form-control"
											ng-model="vm.category" id="categoryId"
											maxlength="32" required disabled/>
									</div>
								</div>
						</div>
					</div>
					<div class="row">
						 	<div class="col-sm-6">
								<div class="form-group">
									<label class="col-sm-4 control-label"> <span
										class="text-danger">*</span><span translate="infoset.filter_time"></span>
									</label>
									<div class="col-md-8">
										<input type="number" name="filterTime" class="form-control"
											ng-model="vm.infoType.filterTime" id="filterTimeId" min="0"
											maxlength="32" required step="30" placeholder="单位：分"
											uib-tooltip="{{'common.op.remind2' | translate}}" />
									</div>
								</div>
							</div>

							<div class="col-sm-6">
								<div class="form-group">
									<label class="col-sm-4 control-label"><span translate="infoset.thresholdSet"></span>
									</label>
									<div class="col-md-8">
										<input type="number" name="thresholdSet" class="form-control"
											ng-model="vm.infoType.thresholdSet" id="thresholdSetId" min="0"
											maxlength="32" uib-tooltip="{{'common.op.remind2' | translate}}" />
									</div>
								</div>
							</div>
					</div>
					
					</div>
					</ng-form>
					<div class="panel-footer text-right bg-light lter">
						<button type="button" class="btn btn-default" data-dismiss="modal" ng-click="vm.close()"
							translate="common.cancel"></button>
						<button type="button" class="btn btn-primary"
							ng-click="vm.saveInfoType()" ng-disabled="infoTypeAddForm.$invalid"
							translate="common.confirm"></button>
					</div>
				</div>

</script>

<script type="text/ng-template" id="editInfoType"> 	
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" ng-click="vm.close()"
						aria-hidden="true">&times;</button>
					<h3 class="modal-title" translate="infoset.addInfoType"></h3>
				</div>
				<div class="modal-body">
					<ng-form name="infoTypeAddForm"
						class="form-horizontal form-validation">
					<div class="panel-body">
						<!--消息类型名称-->
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group">
									<label class="col-sm-4 control-label"> <span
										class="text-danger">*</span> <span translate="infoset.name"></span>
									</label>
									<div class="col-md-8">
										<input type="text" name="infoTypeName" class="form-control"
											ng-model="vm.infoType.infoTypeName" id="infoTypeNameId"
											maxlength="32" required
											uib-tooltip="{{'common.op.remind2' | translate}}" />
									</div>
								</div>
							</div>
						 	<div class="col-sm-6">
								<div class="form-group">
									<label class="col-sm-4 control-label"> <span
										class="text-danger">*</span> <span translate="infoset.category"></span>
									</label>
									<div class="col-md-8">
										<input type="text" name="category" class="form-control"
											ng-model="vm.category" id="categoryId"
											maxlength="32" required disabled/>
									</div>
								</div>
						</div>
					</div>
					<div class="row">
							
						 	<div class="col-sm-6">
								<div class="form-group">
									<label class="col-sm-4 control-label"> <span
										class="text-danger">*</span><span translate="infoset.filter_time"></span>
									</label>
									<div class="col-md-8">
										<input type="number" name="filterTime" class="form-control"
											ng-model="vm.infoType.filterTime" id="filterTimeId" min="0"
											maxlength="32" required placeholder="单位：分" step="30"
											uib-tooltip="{{'common.op.remind2' | translate}}" />
									</div>
								</div>
						</div>
						 	<div class="col-sm-6">
								<div class="form-group">
									<label class="col-sm-4 control-label"><span translate="infoset.thresholdSet"></span>
									</label>
									<div class="col-md-8">
										<input type="number" name="thresholdSet" class="form-control"
											ng-model="vm.infoType.thresholdSet" id="thresholdSetId" min="0"
											maxlength="32" uib-tooltip="{{'common.op.remind2' | translate}}" />
									</div>
								</div>
						</div>

					</div>
					<div class="row">

					</div>
					</div>
					</ng-form>
					<div class="panel-footer text-right bg-light lter">
						<button type="button" class="btn btn-default" data-dismiss="modal" ng-click="vm.close()"
							translate="common.cancel"></button>
						<button type="button" class="btn btn-primary"
							ng-click="vm.updateInfoType()" ng-disabled="infoTypeAddForm.$invalid"
							translate="common.edit"></button>
					</div>
				</div>

</script>

<script type="text/ng-template" id="addRoles"> 
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" ng-click="vm.close()"
						aria-hidden="true">&times;</button>
					<h1 class="modal-title" translate="infoset.addRole"></h1>
				</div>
				<div class="modal-body">
					<div class="row">
						<!-- 用户组字典项-->
						<div class="col-sm-12 m-b-sm">
							<div class="panel panel-default">
								<!-- 用户组字典项-->
								<div class="panel-heading font-bold" translate="infoset.roles"></div>
								<!--操作栏-->
								<div class="row wrapper">
									<form class="form-inline col-md-12" role="form">
										<!--<div class="col-md-6">-->
										<!--右侧按钮-->
										<div class="form-group">
											<a class="btn btn-primary" id="addArchBtn"
												ng-click="vm.infoTypeAddRole()"> <i
												class="fa fa-plus"></i> <span translate="infoset.addRole"></span>
											</a>
										</div>
									</form>

									<div class="col-sm-6 m-b-xs"></div>
								</div>
								<div class="b-b"></div>
								<!--表格-->
								<div class="panel-body">
									<table iss-flexigrid="vm.options" flexigrid-control="vm.infoTypeFlexigridObj"></table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</script>
</div>


